.page-enter-active {
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.page-leave-active {
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.page-move {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.page-enter-from, .page-leave-to {
    opacity: 0;
    transform: translateX(-15px);
}

.slide-x-reverse-transition-enter-active {
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.slide-x-reverse-transition-leave-active {
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.slide-x-reverse-transition-move {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.slide-x-reverse-transition-enter-from, .slide-x-reverse-transition-leave-to {
    opacity: 0;
    transform: translateX(15px);
}


/*定义滚动条高宽及背景
                   高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #f5f5f5;
}

/*定义滚动条轨道
                 内阴影+圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(222, 222, 222, 0.6);
    border-radius: 6px;
    background-color: #f5f5f5;
}

/*定义滑块
                 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #ccc;
}

html{
    font-family: "Helvetica Neue", Arial, sans-serif;
    overflow: auto !important;
}
